<template>
  <div v-if="status">
    <van-nav-bar
      fixed
      border
      title="合同条款"
      left-arrow
      @click-left="goBack"
    />
    <div class="info">
      <!-- <p class="right">ver.20210301</p> -->
      <h3 class="title">房屋租赁合同</h3>
      <div>
        <div class="clause_info">
          <div class="">
            <p>出租方（甲方）：</p>
            <p class="text_content" v-if="list.partya">
              {{ list.partya.name }}
            </p>
          </div>
          <div class="">
            <p>证照号码：</p>
            <p class="text_content"></p>
          </div>
          <div class="">
            <p>承租方（乙方）：</p>
            <p class="text_content">{{ list.customer_name }}</p>
          </div>
          <div class="">
            <p>证照号码：</p>
            <p class="text_content">{{ list.certificate_number }}</p>
          </div>
        </div>
        <div>
          <p>
            根据中华人民共和国有关法律法规，本着平等互利的原则，甲乙双方就合同项下的租赁物业出租事宜达成以下协议：
          </p>
        </div>
        <div class="clause_info">
          <b> 第一条 租赁物业及其基本情况：</b> 租赁物业坐落于：<br /><span
            class="text_content"
            v-if="list.park"
          >
            {{ list.park.pk_address }}{{ list.park.pk_name }}
          </span>
          <!-- ， -->
          <span
            class="text_content"
            v-for="(item, index) in list.rooms"
            :key="index"
            >，{{ item.name }}</span
          ><span class="text_content"> </span>号房，租赁用途为<span
            class="text_content"
            >居住</span
          >，租赁物业以现有现状的装修及设施设备出租。
        </div>
        <div class="clause_info">
          <b>第二条租赁期限：</b> 房租赁物业租赁期从<br />
          <span class="text_content">{{ y }}</span
          >年<span class="text_content">{{ m }}</span
          >月<span class="text_content">{{ k }}</span
          >日起至 <span class="text_content">{{ ey }}</span
          >年<span class="text_content">{{ em }}</span
          >月 <span class="text_content">{{ ek }}</span> 日止。
        </div>
        <div class="clause_info">
          <b>第三条租金及其他费用约定：</b><br />
          <div>
            <b> 1、租金及租金递增：</b> 租赁房屋租金金额为<span
              class="text_content"
              >{{ list.rent_money }}</span
            >
            （元/月）（{{ list.is_geld == 1 ? "含税" : "不含税" }}），每满
            <span class="text_content">{{
              list.increase == 0 ? "" : list.increase
            }}</span>
            个月递增<span class="text_content"
              >{{ list.inc_price }}{{ list.inc_unit == 1 ? "元" : "%" }}</span
            >。具体按照下表所述执行：
          </div>
          <div class="tabls">
            <div class="flex btm twd">
              <div>开始时间</div>
              <div>结束时间</div>
              <div>月租金(不含税)</div>
              <div>税费</div>
              <div>月租金(含税)</div>
            </div>
            <div
              class="flex twd"
              style="border-bottom: 1px solid #000"
              v-for="(rent, i) in list.rent_standard"
              :key="i"
            >
              <div>{{ rent.start_time }}</div>
              <div>{{ rent.end_time }}</div>
              <div>{{ rent.month_rent_not }}</div>
              <div>{{ rent.rates }}</div>
              <div>{{ rent.month_rent }}</div>
            </div>
          </div>
          <div>
            <b> 2、水电费单价：</b>
            水电单价明细如下表所示，电费单位：元/度（{{
              list.electric_is_geld == 1 ? "含税" : "不含税"
            }}）；水费单位：元/吨（{{
              list.water_is_geld == 1 ? "含税" : "不含税"
            }}），费用标准为合同签订时标准，后续政府及有关部门另增减部分除外：
          </div>
          <div class="tabls">
            <div class="flex btm tw">
              <div>房屋类型</div>
              <div>普通电表</div>
              <div>峰表</div>
              <div>平表</div>
              <div>谷表</div>
              <div>冷水表</div>
              <div>热水表</div>
            </div>
            <div class="flex tw" v-if="list.mater_electric_waters.dormitory">
              <div style="word-break: break-all">
                {{
                 list.mater_electric_waters.dormitory.rm_type_title
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.electric_money != "0.00"
                    ? list.mater_electric_waters.dormitory.electric_money
                    : ""
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.electric_high != "0.00"
                    ? list.mater_electric_waters.dormitory.electric_high
                    : ""
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.electric_flat != "0.00"
                    ? list.mater_electric_waters.dormitory.electric_flat
                    : ""
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.electric_valley != "0.00"
                    ? list.mater_electric_waters.dormitory.electric_valley
                    : ""
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.water_cold != "0.00"
                    ? list.mater_electric_waters.dormitory.water_cold
                    : ""
                }}
              </div>
              <div>
                {{
                  list.mater_electric_waters.dormitory.water_hot != "0.00"
                    ? list.mater_electric_waters.dormitory.water_hot
                    : ""
                }}
              </div>
            </div>
          </div>
          <div>
            <b>3、其他费用：</b>
             <!-- 服务费：相关公共设施用水、用电电损耗分别按乙方不含税的用水、用电总费用的{{
              list.water_service_fee_rate
            }}%（{{ list.water_service_is_tax == 1 ? "含税" : "不含税" }}）、{{
              list.electric_service_fee_rate
            }}%（{{ list.electric_service_is_tax == 1 ? "含税" : "不含税" }}）。 -->
            <span v-for="(other, i) in list.clause_other" :key="i"
              >{{ other.name }}:{{ other.price }}元/月（{{
                other.is_geld == 1 ? "含税" : "不含税"
              }}）。</span
            > 
            <span
              v-if="list.power_is_geld == 0 && list.power_no_tax_price != 0"
            >
              基本电费：甲方按乙方提供<span class="text_content">{{
                list.power_num
              }}</span
              >KVA的电量， 基本电费<span class="text_content">{{
                list.power_is_geld == 1
                  ? list.power_tax_price
                  : list.power_no_tax_price
              }}</span
              >元/月 （{{ list.power_is_geld == 1 ? "含税" : "不含税" }}）（
              {{ list.power_price }}元/KVA）
            </span>
            <span v-if="list.power_is_geld == 1 && list.power_tax_price != 0">
              基本电费：甲方按乙方提供<span class="text_content">{{
                list.power_num
              }}</span
              >KVA的电量， 基本电费<span class="text_content">{{
                list.power_is_geld == 1
                  ? list.power_tax_price
                  : list.power_no_tax_price
              }}</span
              >元/月 （{{ list.power_is_geld == 1 ? "含税" : "不含税" }}）（
              {{ list.power_price }}元/KVA）。
            </span>
            本合同约定费用的税率按税务部门标准执行，若有变化则随之调整。
          </div>
          <div v-if="list.margin">
            <b> 4、保证金：</b> 乙方须缴纳保证金<span class="text_content"
              >{{ list.margin.amount }} </span
            >元 （其中
            <span v-for="(y, d) in list.clause_bond" :key="d">
              {{ y.bond_name }} {{ y.price }}元
            </span>
            ）
            。租赁期满后，甲方有权从上述物业租赁保证金中先扣除应由乙方承担的费用，自移交手续办完之日起一个月内将剩余租赁保证金无息退还给乙方。合同提前终止，如乙方违约的，甲方有权从上述租赁物业租赁保证金中先扣除应由乙方承担的租金、费用和违约金，乙方应在收到甲方书面通知之日起三日内补足租赁保证金，并承担其他相应违约责任。
          </div>
        </div>
        <div class="clause_info">
          <b>第四条费用的支付：</b><br />
          <div v-if="list.margin">
            1、首期费用：首期账单
            <span class="text_content">{{ list.first_money }}</span
            >元，待缴保证金<span class="text_content">{{
              list.margin.uncollected
            }}</span
            >元（应缴<span class="text_content">{{ list.margin.amount }}</span
            >元，已缴<span class="text_content">{{
              list.margin.received_amount
            }}</span
            >元），首期费用合计<span class="text_content">{{
              list.first_amount
            }}</span>
            元。乙方应于合同签订起3个工作日内缴清，且打款时请备注“房号+租金及押金”。
          </div>
          <div>
            2、按<span class="text_content">{{
              list.cycle_type == 2 ? "自然月" : "合同月"
            }}</span>
            划分周期，以
            <span class="text_content">{{ list.cycle_collect }}</span
            >个月为收款周期，乙方须每期的<span class="text_content">{{
              list.rece_date
            }}</span
            >号之前（含本日）缴清上月水电费及当月的租金、水电费等所有相关费用。
          </div>
          <div>
            3、期间费用应用人民币以银行转账或对公的微信渠道（若有）支付到甲方指定的如下银行账户，如甲方需变更收款账户（含甲方指定的第三方账户），应提前书面通知乙方。乙方应配合将合同款项转至新的收款账户。<b
              >（甲方申明：甲方未授权任何现场管理人员以任何理由和名目收取现金、现金支票之资格，否则由此引发的经济和法律责任甲方均不承担）</b
            >
          </div>
          <div v-if="list.partya">
            4、开户行：
            <span class="text_content">{{ list.partya.bank }}</span> ；<br />
            户名：<span class="text_content">{{ list.partya.bank_name }}</span>
            ；<br />
            银行账号：<span class="text_content">{{
              list.partya.bank_user
            }}</span>
          </div>
          <div>
            5、开票说明：个人客户默认弃票，企业客户如有开票需求需在签约后1个月内于“天集社”（园区服务微信公众号）线上提交开票申请。如有开票信息变更需提前1个月于“天集社”提交修改申请，过期将不予补开。
          </div>
        </div>
        <div class="clause_info">
          <b>第五条租赁物业及附属设施的维护：</b><br />
          <div>
            <b> 1、房屋交付及返还：</b>
            1）入住前的物业交付时，乙方在物业交付环节作出确认即视为双方认可房屋符合交验条件，并已对水电底数进行确认，同时乙方在“天集社”进行进场确认，作为甲方交付租赁物的凭证。2）租赁期限届满或本合同解除、终止后的物业返还时，乙方应按交付时双方线上确认的进场信息返还该租赁物业及其附属设施，并保持完好无损（正常使用下的损耗除外），双方验收合格后，结清各自应当承担的费用。
          </div>
          <div>
            <b> 2、双方权力及责任：</b
            >租赁期内，甲方对房屋进行检查、维护维修时，乙方须予以配合。如因乙方怠于或拒绝配合，导致甲方无法及时检查、维护、维修的，由此产生的一切损失均由乙方承担。乙方应保障该租赁物业处于正常使用和安全的状态，租赁物业如自然出现裂缝、偏离、顶棚漏水等损坏情况时，乙方应及时书面通知甲方维修，或在征得甲方书面同意的前提下委托乙方维修，费用由甲方承担。乙方应合理使用并爱护租赁物业及其他附属设施。因乙方保管不当或不合理使用，致使租赁物业、附属设施发生损坏或故障的，乙方应负责维修或承担赔偿责任。如乙方拒不维修，甲方可代为维修或购置新物，费用由乙方承担，如果因此造成甲方损失的，乙方需承担赔偿责任。
          </div>
        </div>
        <div class="clause_info">
          <b>第六条合同的解除、终止与续签：</b><br />
          <div>1、经甲乙双方协商一致，可以解除本合同。</div>
          <div>
            2、本合同执行合同执行未满半年，乙方不得转租。如执行半年后乙方在租赁期内需转租的，在不违背本合同执行的情况下，经甲方书面同意（双方签订终止协议）方可转租给第三方（与甲方重新签订租赁合同），甲方有权向乙方收取当期月租金做为手续费。
          </div>
          <div>
            3、租赁期限届满前，乙方须继续租用该租赁物业的，应于租赁期限<span
              class="text_content"
              >届满前1个月</span
            >内向甲方提出续租书面请求，在同等条件下，乙方享有优先承租的权利。若租期<span
              class="text_content"
              >届满前1个月</span
            >未向甲方提出续租需求，视为乙方不需要续租，甲方有权重新寻找其他承租方，乙方应积极配合给予便利，并在租赁期限届满后按照本合同的约定返还租赁物业。
          </div>
          <div>
            4、不可抗力：因下述原因而终止合同的，租金及其他费用按照实际使用时间计算，不足整月的按天数计算，多退少补。乙方无权向甲方请求已经投入的租赁物业改建、加建、扩建、装修、装饰的任何费用补偿：1）该租赁物业因城市建设需要被依法列入拆迁范围的；2）因地震、火灾等不可抗力，致使租赁物业毁坏、毁损，以致本合同无法继续履行的。
          </div>
          <div>
            5、甲方有下列情形之一的，乙方有权单方解除合同：1）延迟交付租赁物业10天以上的；2）交付的租赁物业不符合合同约定严重影响乙方使用的；3）交付的租赁物业危及乙方安全的；4）交付的租赁物业有权属争议并影响乙方使用的。
          </div>
          <div>
            6、乙方有下列情形之一的，甲方有权单方解除合同，收回该租赁物业：1）不支付或不按照约定时间足额支付租金、保证金或其他费用达30日的；2）擅自改变租赁物业用途的；3）擅自拆改、变动或损坏租赁物业主体结构的；4）擅自将租赁物业转租给第三人的；5）利用该租赁物业从事违法活动，损害公共利益的；6）乙方因扰民、卫生状况、邻里关系、占用公共区域拒绝改善等原因干扰影响他人正常生活，导致房屋周边邻居、居委会书面投诉或受到派出所出警协调的；7）其他违法或违反合同相关约定，甲方认为需要解除合同的。
          </div>
          <!-- <div>
            7、合同到期或本合同转让，乙方凭租赁保证金收据原件办理退押金手续，如有遗失一切责任由乙方自行承担。
          </div> -->
        </div>
        <div class="clause_info">
          <b>第七条违约责任：</b><br />
          <div>
            1、租赁期内，甲方需提前收回该租赁物业的，应提前<span
              class="text_content"
              >1</span
            >个月书面通知乙方，据实结清租金及其他费用后按当期<span
              class="text_content"
              >3</span
            >个月的租金（高于保证金的按保证金计）赔偿乙方的损失且无息返还保证金。
            <!-- 前述约定不足以弥补乙方因甲方提前收回而造成的损失的，乙方有权另行向甲方追偿。 -->
          </div>
          <div>
            2、合同签订生效后，乙方提前退租的，据实结清租金及其他费用，并按当期<span
              class="text_content"
              >3</span
            >个月的租金（高于保证金的按保证金计）赔偿甲方的损失。前述约定不足以弥补甲方因乙方提前退租而造成的损失的，甲方有权另行向乙方追偿。
          </div>
          <div>
            3、每期<span class="text_content">{{ list.rece_date }}</span
            >号为账单应收日，乙方不按约定缴纳租金及其他费用超过每期<span
              class="text_content"
              >{{ late_fee }}</span
            >号的（以{{
              late_fee
            }}号甲方账户信息为准），每逾期一日，甲方将从当月<span
              class="text_content"
              >{{ late_rece }}</span
            >号开始计收乙方应付而未付款项的<span class="text_content">
              {{ list.late_tax }}‰</span
            >作为每日的迟延履行金。乙方不按约定缴纳租金及其他费用逾期10个自然日的，甲方可采取停止水电供应措施，由此造成的损失由乙方承担。
          </div>
          <div>
            4、乙方未按约定时间返还租赁物业的，且未提前签订延长租期的补充协议的，逾期5天内（含5天），每逾期一天按乙方实际租金的3倍支付日租金，超过5天的部分以所在物业的整栋使用面积的当期日租金依日向甲方缴纳迟延返还的违约金。
          </div>
          <div>
            5、乙方未经甲方同意擅自对该租赁物业进行装修、装饰，甲方有权要求乙方恢复原状并赔偿甲方因此遭受的一切损失。
          </div>
          <div>
            6、本合同到期或终止前一个月内如乙方不再续租，甲方在重新招租此物业时乙方应给予便利（包括但不限于甲方工作人员带客看房时乙方不能以任何借口阻挠），否则视为乙方违约，甲方有权从违约日起向乙方收取双倍租金。
          </div>
          <div>
            7、乙方逃租或逾期（合同终止日）未搬离租赁物业的，视为乙方自愿放弃租赁物业内全部动产与不动产的所有权，甲方有权自行处置或委托第三方采取拍卖、变卖、遗弃等任何方式予以清理处分。
          </div>
          <div>
            8、若因乙方原因导致租赁物业将被法院查封或受到权利限制的，甲方有权立即终止合同并有权将乙方留置租赁物业内的物品全部搬离且无需征得乙方同意。
          </div>
        </div>
        <div class="clause_info">
          <b>第八条通知与送达：</b><br />
          <div>
            1、本合同中的通知可采取邮寄送达，通知方以本合同约定地址向对方发出，邮件妥投日为通知送达日期。如接收方拒绝签收特快专递的，在邮件发出之日起满3日视为送达对方。如乙方联系地址约定为租赁房屋地址的，则线下签收或张贴至所租赁房屋大门之日起满3日视为送达对方。如一方地址发生变更，应及时书面通知对方。未通知或延迟通知的，由地址变更方承担相应的法律后果。
          </div>
          <div>2、联系人</div>
          <div v-if="list.partya">
            （1）甲方：<span class="text_content">{{ list.partya.name }}</span
            >; 电话：<span class="text_content">{{
              list.partya.le_contact
            }}</span
            >; 通讯地址：<span class="text_content">{{
              list.partya.le_address
            }}</span>
          </div>
          <div>
            （2）乙方：<span class="text_content">{{ list.customer_name }}</span
            >; 电话：<span class="text_content">{{ list.phone }}</span
            >;通讯地址：<span class="text_content"></span>
          </div>
        </div>
        <div class="clause_info">
          <b>第九条其他约定事项：</b><br />
          <div>
            1、本合同项下发生的争议，由双方当事人协商解决或申请调解解决；协商或调解不成的，依法向房屋所在地有管辖权的人民法院起诉。本合同争议期间，除争议事项外，甲、乙双方须继续履行本合同项下的其他条款。
          </div>
          <div>
            2、本合同生效后，合同中的未尽事宜应采取书面形式另行签订补充协议作为附件，其与本合同具有同等法律效力。
          </div>
        </div>
        <div class="clause_info">
          <div>甲方：{{ list.partya.name }}</div>
          <div>签约代表：</div>
        </div>
        <div class="clause_info">
          <div>乙方：{{ list.customer_name }}</div>
          <div>签约代表：</div>
        </div>
        <div class="clause_info">
          <div class="right">
            签约时间：{{ moment().format("YYYY年M月D日") }}
          </div>
        </div>
        <div class="clause_info">
          <b>
            附件：请仔细阅读下文，合同盖章/签字后暨表示已知晓《房屋租赁安全管理责任书》内容：</b
          ><br />
          <div>
            为贯彻执行《人民代表大会常务委员会关于加强房屋租赁安全责任的决定》，进一步明确房屋租赁安全责任，加强出租房屋安全管理，保障人民群众生命财产安全，根据相关法律、法规规定，特制定本责任书：<br />
            1、本市行政区域内生产经营性用房（包括各类商品市场及其档位、柜台）、办公用房、住宅及其他房屋的出租人和承租人为出租屋安全责任人。<br />
            2、出租人出租房屋应当有房屋权属证明或者市政府规定的其他证明文件。委托他人出租的，业主应当与受托人签订书面委托协议，约定各自的安全责任。房屋转租人、其他有实际出租行为的人和房屋出借人应当承担出租人安全责任。<br />
            3、出租人应当保证用于出租的建筑物及其出入口、通道、消防、燃气、电力设施等应符合有关法律、法规的规定以及有关行政部门规定的安全标准。法律、法规规定需取得相关许可证或者批准文件才允许出租的，出租人应当取得。<br />
            4、承租人利用出租房屋进行生产经营活动的，出租人应当要求其在开业前出示已办理消防手续的相关证明及工商业营业执照或者开业许可证书。<br />
            5、出租人应当每季度不少于一次对出租房屋的安全使用情况和使用性质进行查看并做好书面记录，承租人予以配合并签字；因客观原因不能亲自查看的，应当委托他人查看。<br />
            6、出租人查看发现出租房屋存在安全隐患和承租人擅自改变房屋使用性质的情况，应当向出租屋综合管理机构或者其他有关行政部门报告。<br />
            7、承租人应当按照法律、法规的规定和房屋租赁合同的约定，安全合理使用房屋，不得擅自改变房屋的结构和使用性质；承租人发现出租房屋存在安全隐患的应当立即通知出租人，并同时报告出租屋综合管理机构或者其他有关行政部门。<br />
            8、承租人不得擅自改变出租屋使用功能，利用出租屋从事旅馆业、餐饮、娱乐、网吧、作坊等经营性活动必须符合有关规定；：1）禁止利用出租屋从事赌博、吸毒贩毒、卖淫嫖娼、制黄贩黄、伪造证件、承印非法出版物、制造销售假冒伪劣商品、窝藏犯罪人员、窝藏和销售赃物等违法犯罪行为；2）禁止利用出租屋从事传销或者变相传销、无照经营、无证开办诊所、非法行医和非法从事再生资源回收等违法活动；3）禁止利用出租屋从事无证职介、婚介、培训、房地产中介等诈骗活动；4）禁止利用住宅出租屋生产、储存、经营易燃、易爆、有毒、放射性等危险物品。<br />
            9、租赁双方应当协助和配合出租屋综合管理机构对出租房屋的安全检查和管理，及时且如实提供相关材料和信息，如居住人员的身份证及电话信息。<br />
            <!-- 10、出租人或承租人未依法履行安全责任的，导致他人人身、财产受到损害的，受害人可以要求出租人或承租人依法承担相应的赔偿责任。 -->
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div
        v-if="$route.query.type == 2"
        class="flex justify_content_center"
        style="text-align: center"
      >
        <van-checkbox v-model="checked"
          >我已阅读并同意上述合同条款</van-checkbox
        >
      </div>
      <div class="flex justify_content_between btn">
        <van-button
          v-if="$route.query.type == 2"
          round
          color="#999"
          @click="goBack"
          block
          >考虑考虑</van-button
        >
        <van-button
          v-if="$route.query.type == 2"
          round
          type="info"
          @click="save"
          block
          >确定续租</van-button
        >
        <van-button
          v-if="$route.query.type == 1"
          round
          color="#999"
          @click="goBack"
          block
          >取消</van-button
        >
        <van-button
          v-if="$route.query.type == 1"
          round
          type="info"
          @click="ContracCreat"
          block
          >确认提交</van-button
        >
      </div>
    </div>
  </div>
</template>

<script>
import { NavBar, Checkbox, CheckboxGroup, Button, Toast } from "vant";
import { saveBefore, contractSubsist, beforeSave, contractSave } from "@/api";
import moment from "moment";
export default {
  components: {
    [NavBar.name]: NavBar,
    [Checkbox.name]: Checkbox,
    [CheckboxGroup.name]: CheckboxGroup,
    [Button.name]: Button,
    [Toast.name]: Toast,
  },
  data() {
    return {
      moment,
      checked: "",
      list: [],
      y: "",
      m: "",
      k: "",
      ey: "",
      em: "",
      ek: "",
      count: "",
      late_fee: "",
      late_rece: "",
      status:false,
    };
  },
  mounted() {
    if (this.$route.query.in_park) {
      this.getContract();
    } else {
      this.getData();
    }
  },
  methods: {
    async getData() {
      try {
        this.list = await saveBefore({
          contract_id: this.$route.query.id,
          years: this.$route.query.years,
        });
        let arr = this.list.start_time.split("-");
        let arr2 = this.list.end_time.split("-");
        this.count =
          parseFloat(this.list.first_amount) +
          parseFloat(this.list.margin.uncollected);
        this.late_fee =
          parseFloat(this.list.rece_date) + parseFloat(this.list.late_fee);
        this.late_rece =
          parseFloat(this.list.rece_date) + parseFloat(this.list.late_rece);
        // list.rece_date
        this.y = arr[0];
        this.m = arr[1];
        this.k = arr[2];
        this.ey = arr2[0];
        this.em = arr2[1];
        this.ek = arr2[2];
        this.status = true
      } catch (error) {
        this.$dialog
          .alert({
            title: "温馨提示",
            message: error.message,
          })
          .then(() => {
            this.$router.replace("/dorm");
          });
      }
    },
    async getContract() {
      try {
        this.list = await beforeSave({
          in_park: this.$route.query.in_park,
          customer_id: this.$route.query.customer_id,
          customer_name: this.$route.query.customer_name,
          mobile: this.$route.query.mobile,
          certificate_number: this.$route.query.certificate_number,
          custom_industry_id: this.$route.query.custom_industry_id,
          director_id: this.$route.query.director_id,
          start_time: this.$route.query.start_time,
          years: this.$route.query.years[0],
          room_ids: this.$route.query.room_ids,
        });
        let arr = this.list.start_time.split("-");
        let arr2 = this.list.end_time.split("-");
        this.count =
          parseFloat(this.list.first_amount) +
          parseFloat(this.list.margin.uncollected);
        this.late_fee =
          parseFloat(this.list.rece_date) + parseFloat(this.list.late_fee);
        this.late_rece =
          parseFloat(this.list.rece_date) + parseFloat(this.list.late_rece);
        // list.rece_date
        this.y = arr[0];
        this.m = arr[1];
        this.k = arr[2];
        this.ey = arr2[0];
        this.em = arr2[1];
        this.ek = arr2[2];
        this.status = true
      } catch (error) {
        this.$dialog
          .alert({
            title: "温馨提示",
            message: error.message,
          })
          .then(() => {
            this.$router.push({
              path: "/contract",
              query: {
                in_park: this.$route.query.in_park,
                customer_id: this.$route.query.customer_id,
                customer_name: this.$route.query.customer_name,
                mobile: this.$route.query.mobile,
                certificate_number: this.$route.query.certificate_number,
                custom_industry_id: this.$route.query.custom_industry_id,
                director_id: this.$route.query.director_id,
                start_time: this.$route.query.start_time,
                years: this.$route.query.years[0],
                room_ids: this.$route.query.room_ids,
                room_name: this.$route.query.room_name,
                director_name: this.$route.query.director_name,
                custom_industry_name: this.$route.query.custom_industry_name,
              },
            });
          });
      }
    },
    goBack() {
      if (this.$route.query.in_park) {
        this.$router.push({
          path: "/contract",
          query: {
            in_park: this.$route.query.in_park,
            customer_id: this.$route.query.customer_id,
            customer_name: this.$route.query.customer_name,
            mobile: this.$route.query.mobile,
            certificate_number: this.$route.query.certificate_number,
            custom_industry_id: this.$route.query.custom_industry_id,
            director_id: this.$route.query.director_id,
            start_time: this.$route.query.start_time,
            years: this.$route.query.years[0],
            room_ids: this.$route.query.room_ids,
            room_name: this.$route.query.room_name,
            director_name: this.$route.query.director_name,
            custom_industry_name: this.$route.query.custom_industry_name,
          },
        });
      }else{
        this.$router.back()
      }
    },
    async save() {
      try {
        if (this.checked) {
          let than = this;
          await contractSubsist({
            contract_id: this.$route.query.id,
            years: this.$route.query.years,
          });
          Toast({
            icon: "success",
            message: "续租成功",
            onClose() {
              than.$router.replace("/dorm");
            },
          });
        } else {
          Toast("请勾选阅读并同意合同条款");
        }
      } catch (error) {
        this.$dialog.alert({
          title: "温馨提示",
          message: error.message,
        });
      }
    },
    async ContracCreat() {
      try {
        let than = this;
        await contractSave({
          in_park: this.$route.query.in_park,
          customer_id: this.$route.query.customer_id,
          customer_name: this.$route.query.customer_name,
          mobile: this.$route.query.mobile,
          certificate_number: this.$route.query.certificate_number,
          custom_industry_id: this.$route.query.custom_industry_id,
          director_id: this.$route.query.director_id,
          start_time: this.$route.query.start_time,
          years: this.$route.query.years[0],
          room_ids: this.$route.query.room_ids,
        });
        Toast({
          icon: "success",
          message: "提交成功",
          onClose() {
            than.$router.replace("/scan");
          },
        });
      } catch (error) {
        this.$dialog
          .alert({
            title: "温馨提示",
            message: error.message,
          })
          .then(() => {
            this.$router.push({
              path: "/contract",
              query: {
                in_park: this.$route.query.in_park,
                customer_id: this.$route.query.customer_id,
                customer_name: this.$route.query.customer_name,
                mobile: this.$route.query.mobile,
                certificate_number: this.$route.query.certificate_number,
                custom_industry_id: this.$route.query.custom_industry_id,
                director_id: this.$route.query.director_id,
                start_time: this.$route.query.start_time,
                years: this.$route.query.years[0],
                room_ids: this.$route.query.room_ids,
                room_name: this.$route.query.room_name,
                director_name: this.$route.query.director_name,
                custom_industry_name: this.$route.query.custom_industry_name,
              },
            });
          });
      }
    },
  },
};
</script>

<style scoped lang="less">
.van-button--block {
  display: block;
  // width: 80%;
  margin: 10px;
  border-radius: 25px;
}
.flex {
  display: flex;
}
.flex_wrap {
  flex-wrap: wrap;
}
.justify_content_center {
  justify-content: center;
}
.justify_content_between {
  justify-content: space-between;
}
.footer {
  width: 90%;
  margin: 10px auto;
  .btn {
    margin-top: 20px;
  }
}
.info {
  width: 90%;
  margin: 46px auto 0;
  padding: 20px 0 0;
  height: 72vh;
  font-size: 14px;
  overflow-y: auto;
  .title {
    text-align: center;
    margin: 10px 0;
  }
  .clause_info {
    margin: 20px 0;
    div {
      margin: 10px 0;
    }
    .text_content {
      position: relative;
      display: inline-block;
      &::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #000;
      }
    }
  }
  .tabls {
    border: 1px solid #000;
    text-align: center;
    .btm {
      border-bottom: 1px solid #000;
    }
    .tw {
      div {
        width: 100px;
        padding: 10px 5px;
      }
    }
    .twd {
      div {
        width: 57px;
        padding: 10px 5px;
      }
    }
    .flex {
      margin: 0;
      div {
        margin: 0;
        border-right: 1px solid #000;
        &:last-child {
          border: none;
        }
      }
    }
  }
}
.right {
  text-align: right;
}
@media (min-width: 750px) {
  .van-button--block {
    display: block;
    // width: 80%;
    margin: 10px;
    border-radius: 25px;
  }
  .flex {
    display: flex;
  }
  .flex_wrap {
    flex-wrap: wrap;
  }
  .justify_content_center {
    justify-content: center;
  }
  .justify_content_between {
    justify-content: space-between;
  }
  .footer {
    width: 90%;
    margin: 10px auto;
    .btn {
      margin-top: 20px;
    }
  }
  .info {
    width: 90%;
    margin: 46px auto 0;
    padding: 20px 0 0;
    height: 72vh;
    font-size: 14px;
    overflow-y: auto;
    .title {
      text-align: center;
      margin: 10px 0;
    }
    .clause_info {
      margin: 20px 0;
      div {
        margin: 10px 0;
      }
      .text_content {
        position: relative;
        display: inline-block;
        &::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          background: #000;
        }
      }
    }
    .tabls {
      border: 1px solid #000;
      text-align: center;
      .btm {
        border-bottom: 1px solid #000;
      }
      .tw {
        div {
          width: 100px;
          padding: 10px 5px;
        }
      }
      .twd {
        div {
          width: 57px;
          padding: 10px 5px;
        }
      }
      .flex {
        margin: 0;
        div {
          margin: 0;
          border-right: 1px solid #000;
          &:last-child {
            border: none;
          }
        }
      }
    }
  }
  .right {
    text-align: right;
  }
}
</style>